<template>
  <div id="login-div">
    <div id="login-herder">欢迎使用北京尚学堂前后端分离案例系统</div>
    <el-form ref="form" :model="form" label-width="80px">
      <el-form-item label="用户名">
        <el-input v-model="form.username"></el-input>
      </el-form-item>


      <el-form-item label="密码">
        <el-input v-model="form.password" show-password></el-input>
      </el-form-item>


      <el-form-item>
        <el-button type="primary" @click="onSubmit">登录</el-button>
        <el-button>取消</el-button>
      </el-form-item>
    </el-form>


  </div>
</template>

<script>


export default {


  name: "Login",
  data() {
    return {

      form: {
        username: '',
        password: '',
        token: '',
      },
      wx:{
        "prefix": "88.175.985",
        "handle": "88.175.985/YAV716AD000071070B25000018",
        "templateVersion": "串口",
        "value": [
          {
            "data": {
              "format": "string",
              "value": "YAV 16AD 16通道16位精度串口工业级模拟量采集卡"
            },
            "index": 2000,
            "type": "type"
          },
          {
            "data": {
              "format": "string",
              "value": "采用 9-24V 直流电源供电（独立的供电端子/接口），供电接口二选一，需安装串口驱动，包含 16 路 AI，38 路 DI，2 路 DO（可驱动 3.3V 继电器）。可直接配合上百种传感器使用，9 种自动保护措施，安全 方便。采样率可达每通道 100Hz，可在 Windows XP、WIN7（32/64 位）、WIN8（32/64 位）、WIN10 等操 作系统下稳定运行，有配套的电脑软件，包含波形显示、存储、分析等十余种功能，操作简单直观"
            },
            "index": 2001,
            "type": "function"
          },
          {
            "data": {
              "format": "string",
              "value": "芯片采样率：100kHz  每通道数据采样率：根据询问速度确定，115200 波特率时所有通道同时采集最高每通道 40Hz 采 集模式：可实现连续（异步）采集"
            },
            "index": 2002,
            "type": "innovation"
          }
        ]
      },

     zn:{
       "handle": "88.175.985/YAV716AD000071070B25000018"
    }

    }
  },

  methods: {
    onSubmit: function () {
   /*   this.$router.push("/main")*/
      this.$axios.post("/api/identity/token", {
        "username":"wangyaoqin",
        "password":"Wangyaoqin@yawei"
      },{
        emulateJSON: true
      }).then(
          res => {
            if (res.data.status == 1) {

              this.token=res.data.data.token,
                  alert(this.token);
/* 标识查询
          this.$axios({
                    method:'GET',
                    url:`/api/identityv2/data/detail?handle=88.175.985/YAV716AD000071070B25000008`,
                    headers:{
                      'Authorization':this.token
                    }
                  },
              ).then(res=>{
                console.log(res)
              }).catch(req=>{
                console.log(req)
              })
*/


/*
  //标识增加

              this.$axios.post('/api/identityv2/data',this.wx,
                  {
                    headers:{
                      'Authorization':this.token
                    }
                  })
                  .then( res=> {
                    if(res.data.msg == 'success'){

                      console.log(res);

                    }else{

                      this.warning(res.data.msg)
                    }
                  }).catch( req=> {
                console.log(req)
              })

*/



/*标识修改

              this.$axios.put('/api/identityv2/data',this.wx,
                  {
                    headers:{
                      'Authorization':this.token
                    }
                  })
                  .then( res=> {
                    if(res.data.msg == 'success'){

                      console.log(res);

                    }else{

                      this.warning(res.data.msg)
                    }
                  }).catch( req=> {
                console.log(req)
              })*/






/*标识删除

              this.$axios({
                    method:'delete',
                    url:`/api/identityv2/data`,
                    headers:{
                      'Authorization':this.token
                    },
                    data: { "handle": "88.175.985/YAV716AD000071070B25000018",}
                  },
              ).then(res=>{
                console.log(res)
              }).catch(req=>{
                console.log(req)
              })





*/



            } else {
              this.$message({
                message: res.data.msg,
                type: 'warning'
              });

            }


          }
      )


    }
  }


}
</script>

<style scoped>
#login-div {
  width: 500px;
  margin: 0px auto;

}

#login-herder {
  text-align: center;
  font-size: 25px;
  font-family: sans-serif;
  padding: 15px;
  color: darkkhaki;
}
</style>